<template>
   <div class="index">
      <my-header></my-header>
      <div class="con">
        <!-- 侧边栏 -->
        <div class="left">
            <my-side></my-side>
        </div>
        <!-- 内容 -->
        <div class="right">
            <!-- 坑 -->
            <router-view></router-view>
        </div>

      </div>
   </div>
</template>
<script>
import myHeader from '@/components/myHeader' 
import mySide from '@/components/mySide' 
export default {
    components:{
        myHeader,
        mySide
    }
}
</script>
<style lang="scss" scoped>
.con{
    display: flex;
    .left{
        width:200px;
        .right{
            flex:1
        }
    }
}
</style>

